<template>
  <div class="audition89">
    <p>1. 不同浏览器默认的margin和padding不同，先做初始化</p>
    <p>比如：</p>
    <code class="code">
      * {<br />
        <span class="indient">margin: 0;</span><br />
        <span class="indient">padding: 0;</span><br />
      }
    </code>
    <p>2. 使用new Date().getTime()时，ios不能识别'xxxx-xx-xx'格式，换用'xxxx/xx/xx'格式</p>
    <p>3. 阻止事件冒泡</p>
    <code class="code">
      // 标准<br />
      e.stopPropagation()<br />
      // IE<br />
      e.cancelBubble=true
    </code>
    <p>4. ios在某种情况下不兼容linear-gradient写法</p>
    <p>此时加background-color和-webkit-前缀</p>
    <p>5. 图片存在默认间距，采用浮动处理。float: left;</p>
    <p>6. 阻止默认事件</p>
    <code class="code">
      // 标准<br />
      e.preventDefault()<br />
      // IE<br />
      e.returnValue=false
    </code>
    <p>7. 各大浏览器内核前缀</p>
    <code class="code">
      // 火狐<br />
      -moz-<br />
      // 谷歌 safari<br />
      -webkit-<br />
      // IE<br />
      -ms-
    </code>
  </div>
</template>

<script>
export default {
  name: 'Audition89',
}
</script>

<style>

</style>